<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .item{

            width: 200px;

            height: 200px;

            background-color: #F4A283;

            float: left;
        }

        .clearfix:after{/*清除浮动的方法*/

            content: "";
            display: block;
            clear: both;
        }

        .clearfix{

            *zoom :1;
        }

        .box{

            border: 1px solid red;
        }
    </style>
</head>
<body>

<div  class="box clearfix">

    <div class="item">

    </div>

</div>


</body>
</html>